// 组件允许单个组件打包，因此默认引入公共基础样式

@import "../../base.less";

@import "./_var.less";

@import "./_mixin.less";

.@{popconfirm-cls} {
  border-radius: @popconfirm-border-radius;

  &__content {
    position: @popconfirm-position;
    padding: @popconfirm-padding + 4 @popconfirm-padding;
  }

  &__body {
    display: flex;
    align-items: flex-start;
    text-align: left;

    >.@{prefix}-icon {
      display: inline-block;
      margin: @popconfirm-icon-margin;
      font-size: @popconfirm-icon-size;
    }
  }

  &__confirm {
    margin-left: 8px;
  }

  &__inner {
    display: inline-block;
    vertical-align: top;
    max-width: @popconfirm-max-width;
    font-size: @font-size-base;
    color: @text-color-primary;
    line-height: @popconfirm-title-line-height;
    margin-right: @popconfirm-title-margin-right;
  }

  &__icon--warning {
    color: @popconfirm-icon-warning;
  }

  &__icon--danger {
    color: @popconfirm-icon-danger;
  }

  &__icon--default {
    color: @popconfirm-icon-default;
  }

  &__buttons {
    text-align: right;
    margin-top: @popconfirm-buttons-margin-top;

    >span:last-child {
      margin-right: 0;
    }
  }
}
